<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>ToDo</title>
    <link rel="stylesheet" href="../css/table.css">
    <link rel="stylesheet" href="../css/dialog.css">
    <link rel="stylesheet" href="../css/application.css">
    <link rel="icon" href="../img/logo.png">
    <script src="../js/quote/jquery-3.3.1.min.js"></script>
    <script src="../js/index.js"></script>
</head>
<body>

<!--dialog背景-->
<div id="dialogBg" class="myDialogBg"></div>

<!--dialog-->
<div id="dialog" class="myDialog">
    <!--新建任务-->
    <div id="dialogAddContent" class="myDialogContent">
        <p>新建任务</p>
        <input id="inputTaskName" type="text" title="名称" maxlength="10">
    </div>

    <!--删除任务-->
    <div id="dialogDeleteContent" class="myDialogContent">
        <p>提示</p>
        <p style="color: red;">是否删除？</p>
    </div>

    <!--完成任务-->
    <div id="dialogCompleteContent" class="myDialogContent">
        <p>提示</p>
        <p style="color: red;">是否完成？</p>
    </div>

    <!--操作按钮-->
    <button id="btnCancel" style="margin-top: 2em;margin-bottom: 2em">取消</button>
    <button id="btnOk">确认</button>
</div>

<!--显示任务数据的table-->
<div style="padding-left: 0.5em;padding-right: 0.5em">
    <table id="tableTask">
        <tr>
            <th>名称</th>
            <th>创建时间</th>
            <th>状态</th>
            <th>操作</th>
        </tr>
    </table>
</div>

<!--添加新任务的按钮-->
<button id="btnAdd" style="float: right;margin-top: 0.5em;margin-right: 0.5em">添加</button>

</body>
</html>